<template>
  <div class="activeText"></div>
</template>
<script>
export default {
  name: "home-active",
};
</script>
<script setup>
import { onMounted, ref } from "vue";
import { getActiveInfo } from "../../api/active";

const data = ref({});
onMounted(() => {
  getActiveInfo().then((response) => {
    console.log(response.data);
    data.value = { ...response.data.data };
    document.querySelector(".activeText").innerHTML = data.value.content;
    console.log(data.value.content);
  });
});
</script>

<style lang="scss" scoped>
.activeText {
  height: 100%;
  overflow: auto;
}
</style>
